الصف الثاني ey!‏ 


ntemet - HTML 


pas لال‎ 
*f*10V1-2zAP 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


الوحدة الأولى : مواقع الويب 
الموضوع الأولى : مفاهيم وأساسيات مواقع الويب 





Web يسمي بعنوان الموقع‎ Cá yas عتواق علج شيك‎ d 
( www.facebook.com مثل‎ 







على Ra‏ الإنترنت ويتم عرضه من خلال 
#رقع الويب ) 


الانتظاكل لباقي صضحات الموقع . 
في الفلإس "بو CIN‏ تدخل فيها الاسم وكلمة المرور ( 


.: Home Page الصفحة الرئيسية‎ 






( خلي بالك تسمى أيضا بالصفحة الأولى مثل أول 


تتكون من مجموعي من الصور» النصوص» اصوات» اليديو TANG ١١‏ 
AN‏ 
- محتواها معد iuus‏ يواسطي مصمم الصفحي . 0 
- يظل هذا المحتوي ثابتا في كل مرة يتم فنحها - 
os -‏ 1 ارك 
- تستخدم أوامر HTML (ARE‏ في تصميم الصطحات . S‏ 
صفحات الويب التفاعلية Dynamic Web Site‏ :. 
- تنيح تماعل الزائرين مع المحنوى المعروض مع إمكانيي معالجي المحتوى . 
- تستخدام أوامر HTML vit‏ بالاضافت الى PHP zat‏ ولغن Css vat, Java Script‏ . 
(خلي بالك معظم مواقع الويب هي مواقع تفاعليت 153059 ما توجد مواقع ساكنت) 


oV AY TR C) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


الوحدة الأولى : مواقع الويب 
الموضوع الثاني : مراحل تصميم وإنشاء مواقع الويب 










المرحلد i DAN‏ تصميم صطحات الويب للموقع. 
المرحلت D‏ اد والتجهيز لصطحات الويب. 


. الويب‎ Olata 


المرحلة الأولى : التخطيط لبناء موقع الويب . 
.١‏ عمل رسم تخطيطي بسيط علي الورق يتضمن صمحات المو 
والصفحات المرتبطة بها ) 





Y‏ تحديد البيانات المعلومات التي في صمحات الويب كمعلومات وخدمات تقدم من 
خلال الموقع . 


oV AY TR C) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


المرحلة الثانية ؛ تصميم صفحات الويب للموقع. | وهي من أهم المراحل ويتم فيها .. 

تصميم شكل الصطحن الرئيسين وصطحات الموقع 

تحديد التنسيقات المختلفن لصطحات الويب مثل ( اللون والحجم والتوع واماكن وضع 
TL‏ ورولقطات الفيديو والخلطيات ) 















. داخل مجلد‎ aP gig اعداد‎ .Y 
؟. اعداد وتجهيز ملفا" وإنشيّديو وحفظها داخل مجلد.‎ 





١ تحويل التصميم الورقي بالمراحل‎ .١ 
- برامج تصفح الانترنت‎ 
سو كيديا‎ ape RUM البيانات‎ a 


من خلال أوامر n HTML‏ 


المرحلة الخامسة ؛ نشرالموقع عبرالانترنت 


NC - ( يتم حجز عنوان للموقع ( الدومين‎ .١ 
S . تخزينيي للموقع علي احد اجهزة الخودام‎ Vo Laus ؟. تخصيص‎ 
. نشر الموقع عير الانترنت وإعداد للعمل بشكل صحيح‎ ." 





إعداد : بلال نصر TR (E)‏ واكام كاله 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


الوحدة الأولى : مواقع الويب 
ال موضوع الثالث : إنشاء ومعالجة ملفات الصوت 






ونات البرمجيي ( تثبيت احد برامج انشاء ومعالجي الصوت علي 
امح أود استي ("Audacity‏ 


. 43 موقع الويب الخاص‎ ġa audaci 


برنامج audacity‏ احد البرامج مضتو ا ا التشغيل Linux Windows‏ . 
ا( Audacity —- = gp Lin‏ © 


m DS 5 5 ssä s 
File tdt Vw 1 Transport Tracks Generate Effect Analyze Help 











z 
" » IE 4) » e)! EEL 
Deo 
A a 57-54 -51 48-4642 -3 Cickto Start Montoring ?—18.-15-12 96 3-0. 
4) Û 57-54-51-48 هر :| 3.0 6 24-21-18-15-12-9- 3330-27 مت وه 42- وم‎ T 9. 5 «* E 5 i 
mewn oe] e| eeo i 
MME >| A [Internal Microphone (Cone [26e Recor») 4) (Speakers (Conexant 20585 S > ] 
l 1009] 2 2 Sm | ي‎ 6 UU Sw 
1 W 
M 





4 m 0 
N Project Rate (Hz): Snap To: Selection Start © End Length Audio Position: 


44100 ~ on ~ [00n00m00.000s7 [00h00 moo.o00s- [00h00 m00.000s7 
Stopped. Roch ILLE 44100 | 


Record ليدء تسجيل الصوت اضغط على زر‎ ١ 
يتم ادخال البيانات النصين للكمبيوتر ( تحويلها إلى صوتيت ) بإستخدام الميكروفون‎ 

۲. لانهاء التسجيل نضغط على زر الايقاف Stop‏ 2[ 5 

؟. للاستماع الى الصوت من خلال السماعات نضغط على زر Play‏ | | 









































إعداد : بلال نصر ))°(( © ejeto SAT‏ 


TEL الثاني‎ ciall الكمبيوتر‎ 








$ dii 
1 

$ p. 
۰ 

t 
$ 

$ 

^ 


t التعديل في الصوت او بمقطع صوت‎ : ti 
... تأثير علي مقطع الصوت : من خلال‎ vales .١ 
- تشغيل الصوت بالضغط علي زر الشغل /ا2|3والاستماع اليه‎ (i 
التأثير له وذلك بالضغط والسحب علي‎ AB تحديد مقطع الصوت المطلوب‎ (c 
. لوب من الصوت بإستخدم مؤشر الغأرة علي الشريط الزمني‎ Ben 


» 


ج) من قائمت Effect‏ 5 خب الآحد التأثيرات . 


Add / Remove Plug-ins...‏ ا 


Repeat Fade Out Ctrl+R 
4 * 
التاثير‎ e 






Amplify... 

Auto Duck... 
Bass and Treble... 
fcho.. ^ ' 


Equalization... 


adeIn 


Tnvert 






توجد تأثيرات كثيرة ومنها ) Repeat‏ تكرار المقطع — véxse‏ 
اليدايي مع ualet‏ للمقطع ( MY‏ 
د ) إعادة تشغيل الصوت من زر تشغيل والاستماع الى مقطع الصوت اتاج اچاد 
.Y‏ قص ولصق مقطع الصوت :- SY‏ 
MO (i‏ ۴ ختر الامر -CUT‏ 
ب)تحريك مؤشر الغأرة بالشريط الزمني الي المكان SY sua‏ 
الصوتي. 
ج)من Edit hätä‏ اختر الامر -Paste‏ 
د) عادة تشغيل الصوت والاستماع اليه . 


ANOV AY TR (C) إعداد : بلال تصر‎ 


الخورازمي في الكمبيوتر للصف الثاني الاعدادي 
؟. aia‏ مقطع صوتي 1- 
(Í‏ تحديد مقطع الصوت المطلوب حذفه. 
ب)الضغط علي GaDelete c Us‏ لوحن المماتيح . 







. Expert Audio ونختار‎ File tä 

الامتداد المناسب لمف الصوت من Save as type‏ 

-Save الهف ديخل مجلد بالضغط على‎ Ms 

QuAydaciy ETE © Expor Audio To 4 [X 
pje View Transport Tracks Generate Effect An 


New Ctrl-N 





















Date modified Type 

















Open... Ctrl+O 2 "m 
Recent Files 5 خم‎ Ji help YAV-VL ص‎ TTT File folder 

Recent Places JÎ Languages ۲۰17-9/1۱5 ص‎ ۲ File folder 
Close Cti-W JÛ Nyquist ۲-17-9/15 ص‎ TT File folder 
Save Project Ctrl+S m JÎ Plug-ins File folder 
Save Project As... Desktop 








Save Compressed Copy of Project... pas 


Check Dependencies... 






Libraries 


A 


Edit Metadata... 

















Computer 
Ctrl« Shift-E 
a. 
Network 
Ctrl- Shift-L 









تحديد امتداد ملف 






Gaay prat fes ( VFFmoeg) 


M AM raro tend) Fles (FFrpeg) 
-1 ومنها‎ VÄI أنواع امتداد ملف الصوت : هناك أنواع كثيرة تختلف عن ب ب‎ 


: WAV الامتداد‎ ١ 


- يتميز بالجودة والوضوح . S‏ 
- يعاب عليه أن له Aau‏ تخزينينٌ كييرة . SN‏ 







- لذا هو غير ملائم للنشر عير مواقع الانترنت - 
uv‏ الامتداد MP3‏ : 

- أقل etas‏ بالمقارنت بائنوع WAV‏ - 

- له سعث تخزينين أقل من النوع £ WAV‏ - 

- لذا هو ملائم للنشر عير مواقع الويب - 


ANOV AY TR (9) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


الوحدة الأولى : مواقع الويب 


الموضوع الرابع è‏ إنشاء ومعالجة ملفات الفيديو 








م من انشاء وتعديل ملعات العيديو - 
لادوات والوسائل والتأثيرات التي تساعد في انشاء ومعائجي الفيديو 


Lata Ud‏ الفيديو مثل 
ANS‏ المصدر وتعمل علي 


- هناك العديد من البرامج يمكن ١‏ 
برنامج Kdenlive‏ و برنامج shot‏ 
انظميّ تشغيل Windows Linux‏ . 
- يماثله برنامج laa NDS uM Movie Make‏ 
- تحميل برنامج open shot‏ من خلال !1236 ot.org‏ 


برنامج Open Shot‏ :.) لماذا نستخدمه أو مميزاته ( KN‏ 


e برنامج منتوح المصدر.‎ .١ 

۲. يمكنه انتاج فيديوهات ذات جودة عاليت من الصور والخلفيات واضافت v‏ 
صوتيه لها - S‏ 

- العرييي‎ CAU واجهن البرنامج ودعهمه‎ VAT agus -T 

*. اضافت التأثيرات والمراحل الانتقاليت كفواصل بين الصور. 

. التصوص‎ KLA .۵ 


إعداد : بلال نصر )^( RE‏ واكام كاله 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


مكونات واجهة برنامج 51101 Open‏ :. 


gme I -|o [eS 











© Untitled Project [HDV 720 24p]-OpenShotVideo Editor TT 





File Edit Title View Help 


[M M NEN SEE M NEU 
Project Files Video Pre 
ShowAll Video Audio Image 


I 
| 


| Project Files Transitions Effects 
| 


i 
EE: ` 8 EE 


00:00:00:01 7 T 
| 

i 

ll 


Track 0 | 
t. ! 


0 
NN . Main Tool Bar الشريط الرئيسي‎ ١ 








NS . Project File ملفات المشروع‎ .Y 

mS — المشروع‎ Caio للتنقل بين‎ ) Function Tab تبویب الوظائف‎ .Y 
. ( الصوت‎ Dlaka 

S . Preview Window $53.45! vilae 5 

. Edit Toolbar شريط التحرير‎ .0 

. Zoom Slider لتصغير والتكيير‎ .1 

. Play Head/ Ruler وس القراءة‎ Y 

۸. الشريط الزمني TimeLine‏ . لاتظهر كل المسارات يجب تكييره لاظهارها - 


إعداد : بلال نصر ))5( TR‏ واكام كاله 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
مهم جدا : الشريط الزمني للبرنامج Time Line‏ :- 
( بعد تكبيره وتظهر فيه أريعت مسارات ALIUS‏ للزيادة وتكون فارغن بالطيع ) 
























5 أوفيديو. 
ات حيث أنه ينم وضع الصوت والصورة 


av‏ الكليب الحائي قد يڪون 
- المسارات Tracks‏ : تعمل يمفهوم 








ولقطات الغيديو على المسار. 

- - يمكن إستخدام عدد غير محدد من المسازا 

- المسار الأعلى AT‏ الأوليت في القراءة ( العرض أو Í‏ المسار الذي يليه أو 
Alu‏ - 


r 


Project ... 
* Ə YKJ @ 26 seconds 


00:00:50:18 


إعداد : بلال نصر )0*9( جه ey Neve AY‏ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
- يمكن vB.‏ مسار جديد من خلال زر Add Track‏ الموجود بشريط التحرير 
Edit Toolbar‏ . 


Project Files Transitions Effects 


Add Track 












s gai diis "a أو صوت‎ Jayati 
. Import File واختاير الأمر‎ File ج قائمت‎ 
File Edit Title View Help 


| 2 New Project... 
| Open Project... 


-- Import Files... 


- من خلال الضغط مع السحب للصور من 3 المشروع يتم وضع كل صورة في 

المسار الخاص بها مع ترتيبها على حسب 
- يمكن إعادة الترتيب مرة أخرى بالضغط مع الحا 
- عند وضع الصور في المسار يتكون مشهد الفيديو ليظير فض ناقذة معايني الميديو - 





oV AY B (O) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
LY‏ استيراد ملف الصوت داخل البرنامج . 
- ينفس الخطوات السايق يمكن VL!‏ صوت وذلڪ لجعل الفيديو أكثر جاذيين . 
- يمكن تحديد بدء الاستماع Cala!‏ الصوت بالضغط مع السحب في مسارة بالشريط 
الزمني . 
Y x‏ 00:00:06:14* 


Track3 


m 
4 


Popcorn - Jean Michel_2.mp3 





at معايتي‎ -t 
[3 É 
في نافذة المعاينيت ومشاهدة‎ Play يتم الضغط على زر تشغيل الغنيديو‎ villae لعمل‎ 
- اليديو‎ 


Project Files Video Preview 


ShowAll Video Audio Image 





Project Files Transitions Effects 


~ 
S .: Save Project حفظ مشروع الفيديو‎ 


«T جميع ملغات الصور والصوت المستخدمت في‎ Baa يجب عند إنشاء فيديو‎ .١ 
على سطح المكتب ) وذلك حتى يمكن الرجوع‎ Pro1 في مجلد محدد ( مثلا‎ 
. لمشاهد الغيديو والتعديل بها أو لاستكمال العمل في وقت لاحق‎ 

Save project As نختار‎ File Z3 من‎ -Y 





19V AY RE (0) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
Edit Title View Help‏ 

| New Project... 

| Open Project... 


Recent Projects 






IB Save Project 
pol 


Import Files... 


XN‏ حوراي نعطي للمشروع اسم مثل (SCH)‏ ونحدد مكان الحطظ ) المجلد 


المكتب ). 
يعبماك کون اسه Epi‏ باللغة الانجليزيي ). 


EX Search Det x: d 


New folder 









en 
Dai 






Organize > 








Favorites ^. libraries U zou‏ علو 
BE Desktop + Homegroup | 050, 0USU,U... 050, OSU'U, .osp‏ 


Î Downloads z| BBeal 5 













E Recent Places jM Computer 
Gp Network 
T Libraries Ji New folder 
Û Documents إل‎ New folder (2) ۱ 
aj) Music J prol ® | 
E Pictures Ji thumbnail TOT 
H Videos الخرائط الذهنية للغة العربية 0ل ي‎ "S i 
Filename: Sch.osp OSU, OSU U 
„OSp 









Save as type: [OpenShot Project (".osp) 3 














*. Hide Folders 





٤۔‏ اغلاق البرنامج open shot‏ - 
5-لاستكمال العمل في مشروع الغيديو مرة اخري يتور am‏ 
ثم فتح المشروع SCH)‏ الموجود في المجلد Pro1‏ على 











NS Š - ويمكنتكت التعديل في مشاهد مشروع الفيديو‎ .0 
Organize > Include in library > Share witi New folder 
Yk Favorites L 
BE Desktop 


B Downloads 
| Recent Places 


thumbnail shc.osp 
T Libraries 


Oye VALEAT E (OY) إعداد : بلال نصر‎ 


الخورازمي في الكمبيوتر للصف الثاني الاعدادي 
ولریط الملف ببرنامج shot‏ ۸م 0یجب عمل اقتران Association‏ بالخطوات التاليي :۔ 
.١‏ نضغط بالزر الأيمن للعأرة على الملف . 
ope‏ [ 2 
SkyDrive Pro >‏ | 


Cut 


Col‏ دوو ب 
shc.osp 2 N‏ 
Create shortcut u‏ 
Delete‏ 
Rename‏ 
Properties ١ [‏ 


.Y‏ تظهر More Option 45 Change 45Propertie Bus‏ "في 55439 ^" (أو 
rowse‏ 560 


NC 
adis في‎ B 














EE p F 
shcosp Properties Î | Open with O iJ 
General E ty [0 1E 1 j| p Choose the program you want to use to open this file: 
Fle: shcosp 
shcosp A 
m Adobe Dreamweaver CS6 [Ps] Adobe Photoshop CSS. 1 


Type of file: OSP Fle (osp) 1 


| 
کن د‎ En Ome 


i ۹ MP DEM UNS Type a description that you want to use for this kind of fie: 





Cira: 18 £ VR N 1M امدمط‎ 


Always use the selected program to open this kind of file. 







































































Open with... 
Ce ocal Disk (C) » Program File æ | جه‎ | | Search Progrom Fie r3 
© [JE » Local Disk (C) » Program Files » [| p QUO. « Program F... » OpenShot Video Editor » | s || Sear 
— " ETE = m 
Organize New folder 5 um © Organize v. New folder. 
t Favorites 3 uw 31 ê Downloads ^ Name Date modified Type 
BI Desktop. JÎ LeadCore Technology T Recent Places 17 مقف‎ 
هل‎ Downloads eeu 
لل‎ PyQSuic widget-plugins 
arre Ji Microsoft Games 5 libraries NI عد‎ 
L| Î Microsoft Office e 3 Documents 0 
| وج‎ Ubraries B MiniTool Partition Wizard Free 9.1 d e الى‎ Music Ul timeline 
| 3 Documents SARI - - aei لكا‎ Pictures "| due 
d Music OpenShot Video Editor 2 Bi videos EE 
E Pictures | لل‎ uploads 
Bl Videos Di Reference Assemblies y 
| Ji Windows Defender foise || [T n " 
CINA ll Windows Joumal e IM Computer ls 
لل‎ Windows Mail ملك‎ Local Disk (C) E unind00.oe 
M موي‎ 8 7 0 ca System Reserved |, - 7 0 
File name: - Eesm Cem pico bus. Filename: launch.exe. ~i 
4 



































19V AY RE (0) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثاني الاعدادى 
kJ‏ 
ليأخذ شكل الملف شكل برنامج à shc.osp open shot‏ 
.١‏ التحكم في الغترة الزمنينّ المخصصت لعرض مشهد فيديو :- 
عند ينث لمشاهد الميديو صوت وصورة قد يكون الصوت فترته Pda STI‏ للعرض 


ويستمر الصوت مع انتهاء عرض الصور . 





Track 5 


Track 4 


Track 3 





خطوات ضبط الصوت لينتهي مع halgi‏ آخر مشهد للصور: ‏ 


odi 34511 حرك مؤشر القراءة بالضغط والسحب لآخر مكان بالشريط‎ (Í 
- ظهو رآخر صورة‎ 
S 00:00:34:02 K i 
its Track 5 Popcorn - Jean Michel 2.mp3 
S Jd 


Track 4 1044... 





إعداد : بلال نصر )0°( © oV AT‏ 1۰ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
.Y‏ نضغط بالزر الأيمن على مسار الصوت ثم نختار الأمر Slice‏ لتظهر قائمت بها ثلاث 
أوامر نختار Keep Left Side‏ لحذف الجزء الأيمن وإبقاء الجزء الأيسر .. 


Separate Audio 





Keep Both Sides 


Display 0 Keep Left Side N 


— PERO TEE € Properties Keep Right Side 


Remove Clip 
2 er | 


Popcorn - Jean Michel 2.mp3 f Popcorn - Jean Michel_2.mp3 , 


JTJ JJ 


L3 


Popcorn - Jean Michel 2.mp3 
ل ل‎ 


a 
` Popcorn - Jean Michel_2.mp3 


Id 


11V AY TR (9) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
إضافت تأثيرات 2]18©15المشاهد الفيديو :- Effects‏ 
D +» " m‏ 1 تب يب تأثيرات ShowAll Video Audio Effects‏ 


XC s Cin 


Blur Brightness .. Chroma Ke... 


Deinterlace Alpha Mask / .. Negative u 














EEE بالضغط والسحب‎ NRA 
واضاكتهإللغِيلايي وعمل معاينت يظهر رمز‎ 


Project Files ^ Transitions Á Effects 


Effects 


ShowAll Video Audio ras 


ansitions Effects 


^am 


T SAM_1939.JPG 


.Y‏ ولقراءة اسم التأثير يتم التأشير بالغارة على رمز التأثير. 


@ Bur (171) JPG 
mk 
SN RÀ. 


.٤‏ ولحذف التأثير المضاف لمشهد الغيديو بالضغط على زر الغارة الأيمن على رمز 
التأثير واختيار حذف التأثير Remove Effect‏ . 


C3 Remove Effect 


19V AY RE (Ov) إعداد : بلال نصر‎ 


لسالس فى الكمبيوتر للصف الثانى الاعدادى 







Transitions volé في يدايي أو‎ TERI توضع المراحل‎ 
ShowAll C 1 Žuti 


= - : e: Transitions انتقالات‎ "ee E 


ii 


Hr i 


li 


1 
eR ui fan. 


Project .. 


00:00:00:01 
NETTEN ME 
D 


Gor لا‎ 
Nes te 


؟. يمكن التحكم في الطترة الزمنيت لعرض المرحلن الانتقاليت 3 


عليها للتقليل أو الزيادة . MS‏ 





55 SAM_1939.JPG | 


ATOV AY E (0۸) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
اضافة نص الي الفيديو 
.١‏ تحديد النص المطلوب اضافته للغفيديو وأماكن إضافته . 
.Y‏ من قائمت Title‏ نختار Title‏ . 


Template: — «Select a template» 


Font: Change Font 
Text: Text Color 
Background: Background Color 


Advanced: Use Advanced Editor 


| Save Cancel 


QR چ‎ v اختيار نوع‎ Select a template )١ 





- نوع الخط‎ 1.435 Change font (v 
. ئون الخط‎ : Text color (v 
- تغيير لون الخلغيي‎ : Background color (£ 


دسم 







* Template: Gold 1 


Line 1: الخوارزمي‎ 


Font: Change Font 
Text: Text Color 


5 ” Advanced: [ Use Advanced Editor | 


Save Cancel 





.t‏ ثم نضغط Save‏ ( يجب حفظه باسم باللغت الانجليزييّ في نفس مجلد المشروع) 


ANOV AY TR (03) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادي 
0. يظهر ملف النص في ملطات المشروع . 
5. ويتم اضافته لمسار العرض من خلال الضغط والسحب . 


Project Files Video Preview 


ShowAll Video Audio 


sie = N 


10441466 . 2 Bl 


E e UM 

b h, 34 Y 
SAM 1928... SAM_1939... Y) 
4] | 


Popcorn ... | New Title... | له‎ 


Project ... Transi... 





00:00:32:01 


Track 6 & SAM_1939.JPG 


N De 
8 8 E 





تصدير المید یو إلى ملف يإمتداد مناسب :- 
من خلال برنامج Open Shot‏ يمكن تصدير ملف الفيديو بإمتدادات as a‏ 
الامتداد naga: MP4‏ متوسط ودرجي وضوح الصورة اعلي من GP‏ وتسطيع خصو 









بأحجام مختلفي . 


الامتداد AVI.‏ :حجمن كبير وجودة صورة اعلي من 4< !الااويناسب اجهز الكمييوتر 
وكاميرات اليد يو - 


yov AY FB (C إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


خطوات التصدير: ‏ 
١‏ من خلال القائمت الرئيسييّ Main Toolbar‏ يتم الضغط على زر تصدير فيد يو 
Export Video‏ . 


جم 





£ 


. Export Video نختار‎ File qt ol 
V Shc [HDV 720 24p] - OpenShot Video Editor 
Edit Title View 
| 4 New Project.. 


| Open Project. 


File Name: 


Folder Path: 


Simple Advanced 
Select a Profile to start: 


Profile: All Formats 


Select from the following options: 
Target MP4 (h.264) [4 


Video Profile: HDV 720 24p 


Quality: High 5 


6 


Export Video| Cancel 





Ri path وتحديد مكان الحفظ من‎ File Name تحديد اسم ملف العديو‎ t 
. Target تحديد نوع امتداد ملف الفيديو من‎ Lt 

0 تحديد مستوى جودة الفيديو ( عالى — متوسط — منخفض ( الجودة من Quality‏ . 
1. ثم biah‏ على زر e Lud Export Video‏ البرنامج في تصدير العيديو. 

. Open Shot الى برنامج‎ halat بعد الانتهاء يمكن تشغيل ملف الفيديو يدون‎ ١ 


19V AY RE (1 إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


الوحدة الثانية : إنشاء صفحات الويب 


الموضوع الأول : لغة الترميز HTML‏ 






م لإنشاء صمّحات gäl gag‏ الويب - 
ام هاستعرضات الانترنت . 





تستخدام أوامر à D Ait‏ صمحي ويب . 
ض الانترنت بتنعّيدها. 












.١‏ إنشاء ملف نصي بإستخدام أحد برا 
؟. كتابي أوامر HTML‏ بين العلامتي < 9 
.Y‏ معظم الأوامر لها بدايت < > ونهايت < /> . NS‏ 
é‏ حفظ الملف النصي لأوامر HTML‏ بامتداد fus ji htm‏ 
۵. فتح الملف المحطوظ باستخدام مستعرض الويب لمشاهلدة Nvv a‏ 
٦۔‏ لايشترط كتابن أوامر HTML‏ يحرف كييرة Capital‏ أو صغيثرة 
۷. المتصفح لا يتأثر بالمسافات المتروكة أو الانتقال لسطر جد 
داخل ملف الأوامر. 
) أي يمكن كتابن الأوامر على سطر واحد أو على أكثر من Y‏ 


( Note Pad ) چرير النصوص‎ 





الأوا 
html < "D‏ > 
html < < [html»‏ > أكثر f‏ 
الأوامر على سطر واحد «htm» T.‏ 


إعداد : بلال نصر (v)‏ ع 1V AY‏ 





الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
۽ لإنشاء صفحة الويب باستخدام HTML‏ :. 
«html»‏ : فى vata‏ الكود يشير الى أن المستند مكتوب بلقن .html‏ 





التركيب البنا 





يقسم كود HTML.‏ لقسمين رتيسين هما: 

















aliad ad»‏ الخاصت بكتابنّ معلومات للمستعرض حول الصفحت مثل عنوان 
| 
E alid va body»‏ المحتوى الذي سيظهر د اخل hamall‏ . 
html » ` Ņ‏ « 
head > t‏ < 
Us‏ 
title <‏ > أي لوا title » e‏ > 
[head <‏ > 
ge‏ 
ody »‏ 
NS‏ 
إضافة عنوان لصفحة الويب بالأمر SG .: XItitle» ... «title»‏ 


- تتكون vA‏ الويب من عتوان ومحتوى - 
- ويظهر عنوان aia‏ الويب داخل شريط العتوان ) أو اللسان ) أعلى الصطح¥ S‏ 


<title> مدرستي‎ «/title» 
.: إضافة محتوى لصفحة الويب‎ 
) ... يمكن أن تحتوي صفح الويب على ( نص - صورة - فيديو - ارتباط تشعبي‎ 
«body? 72,1339 ace مدرستي‎ <body> 
إعداد : بلال نصر‎ 


Ye No VAL EAT © (Y) 


الخورازمي في الكمبيوتر للصف الثاني الاعدادي 
.١‏ خطوات تطبیق ما سيق :- 
فتح برنامج Note Pad‏ .) من قائمي Start‏ نختار All programs‏ ثم 
så Accessories‏ برنامج Notepad‏ ( ..- 
؟. كتابن الكود التائي في الصفحن . 


> html < A 
< head > u 
< title > مدرستي‎ < [title > 
< [head > N 
< body > 9 


مدرستي جميلة ونظيفة 
Ibody >‏ < 
[html»‏ < 














. حطظ ما تم كتابن'قامتلاد‎ .Y 
ثم نكتب اسم الملف بالشكل التالي‎ Save a ونختار‎ file فتح قائمق‎ ( 


© e 


8 school.htm ڪٽا‎ à fT ool ليصبح شكله هكد‎ ) school.htm 
































[a Save As UT mem] 
E Edit Format View Help Desktop » > JA | مم‎ Deki E32 
New CtieN | —— == = ' 
OH Gru New folder 8 9 
Save Ctrl+S ^ G libraries di شهادات‎ 
Save As... +@ Homegroup |j New Text Document.bxt 
Page Setup... pds E IB Belal O .ياء‎ 
| Print... Ctriep Maces jl Computer 
ig Network 
| Erit إل‎ New folder i 
ي‎ 23 Documents JÎ New folder (2) 
NS a Music J prol || 
& Pictures J thumbnail j 
Bl Videos < Dia الخرائط الذهنية للغة‎ | 
il Filename: school.htm -M 
١ Save as type: [Text Documents (txt) 5n =] 














*. فتح الملف السابق حفظن بأحد برامج تصفح الانترنت مثل (Internet Explorer)‏ 
أو فايرفوكس أو جوجل كروم أو آي برنامج آخر لنجد ناتج التنطين هو ... 


إعداد : بلال نصر )5( VALEAT RE‏ كاله 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 






































quaa - Windows Internet Explorer PII) 

< html > I E| CUsers Bela Desh v | 4+ x||P Bing 

< head » . * Favorites p^ E) Suggested Sites v s 

< title < مدرسني‎ > /title > 
< [head > 
< body > | 
ux 

< |body > 

< / html» |i Computer | Protected Mode Off — fa v R10% v 






لتغيير اتجاه محتوى الصطحت من اليمين F‏ 
تناسب الصطحت ذات الواجهن العرييت . 
Hody dir = "RTL" >‏ 





لتغيير اتجاه محتوى hatl‏ من اليسار لليمين . 

تناسب الصفحت ذات الواجهن الانجليزيتن. 

وهو الوضع الافتراضي في Hla‏ عدم كتابت الخاصيت 
dir‏ . 


< body dir = "LTR" > 
B. 








مدرستي جميلة ونظيفة 





إعداد : بلال نصر )°( © ejeto AT‏ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
تنسيقات صفحة الويب :. 
توجد العديد من التنسيقات ومتها .... 
.١‏ تنسيقات تطبق على النص (Aon‏ الويب . 
LY‏ اتتسيقات 'تظيق على tuji gaia Dai‏ 







3 من سطر جديد بالأمر «br?‏ 

يجظل النص داخل ora V‏ يظهر في سطرين 

` ( أي ما قبله على سطر وما بعده على سطر ) 

< html > © siya -Windows Intemet »ممصت‎ ° aE 

























< head > gg B SEA IEE IIo Bing 
« title » مدرستي‎ < [title > d Favorites | dij E) Suggested Sites v 

> [head » © مدرستي‎ 

> body < 


أهلا بكم في مدرستنا 


مدرستي جميلة ونظيفة 


i‏ مدرستنا 
Ibody >‏ < 


< Ihtml> e 
f 3 ..... «center» محاذاة النص ) توسيط )بالأمر‎ ." 
4i يستخدم لوضع النص في منتصف ا‎ 


o m Explorer o8. 
« html OO le ET EMH ~~ | 4| x م‎ Bing 
: ! : ` : d Favorites $ جك‎ E) Suggested Sites v * 
N title > مدرستي‎ > /title > porre 
ead > 
body < 








jl Computer | Protected Mode: Off fa v R10% v 



























| 

١‏ موقع المدرسة 

| أهلا بكم في مدرستنا 

| منرستي جميلة ونظيفة > </center‏ موقع المدرسة «center»‏ 











مدرستي ilua‏ ونظيفة <br>‏ أهلا بكم في مدرستنا 
Ibody >‏ > 
[html»‏ < 


j| Computer | Protected Mode: Off fg v "1005 v | 


-— 








ANOV AY TR (9 إعداد : بلال تصر‎ 


الخورازمى في الكمبيوتر للصف الثاني الاعدادي 
؟. إضافة فراغات بين الكلمات بالأمر &nbsp;‏ :. 
في حال ترك أي عدد من المسافات ( باستخدام زر المسطرة ) بين الكلمات داخل ملف 
الأوامر فإنه المستعرض يتعامل معها عند عرض hanal‏ على أنها مسافيّ واحدة فقط . 
ولترك فراغات واحد بين الكلمات نستخدم الرمز &nbsp;‏ . 
غات نكرر كتايته بعدد الفارغات المطلوبي &nbsp; &nbsp; &nbsp;‏ 
٠‏ الكود 
</center > ١‏ موقع المدرسة <center>‏ 
zs </center >‏ المدرسة «center»‏ 


<center> :5&nbsp المدرسة:‎ «/center > 
«center? :5 «&nbsp ; &nbsp المدرسة:‎ «/center > 










































t‏ ) تنسيق الخط في صفحة الويب 


للتحكم في نوع وحجم ولون ١‏ 
وفي حالن عدم كتابت الأمر Font‏ يظهر لوضع الافتراضي. 


بمجرد كتابة Lal‏ الاغلاق «/font?‏ ينتهي تأ امد على التص التالي . 


له عدة خصائص . 
ملاحظات ۱ ر الوظيمين الخاصين 
توجد العديد من أنواع الخطوط مثل Arial‏ | أي نوع + 


Face p 
<center> z alus "> موقع المدرسة‎ </font></center > 














Color الوق‎ | dete | e Pe a Black ud Gru 
م‎ color "blue "> موقع المدرسة‎ «/font»«/center > 

NS الخط‎ am | Y gli من‎ ٠ الى‎ ١ يتراوح حجم الخط من‎ 
Sev «font sizez"7 "> موقع المدرسة‎ </font></center > 


«center» «font face-"andalus" color ="blue " sizez"7" > 
موقع المدرسة‎ 
«Ifont^«/center > 



































إعداد : بلال نصر VALEAT E (Y)‏ كاله 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
4.ب ) تابع تنسيق الخط في صفحة الويب :. 
































المعايتي مثال VR‏ الأمر 

موقع مدرستي <0/>موقع مدرستي «b»‏ الخط عريض «b» Bold‏ 

موقع مدرستي <0١|>موقع‏ مدرستي XU?‏ خط تحت النص <u> | underline‏ 

<1/>موقع مدرستي Xi?‏ الخط مائل <i> Italic‏ 
</><ل/><1/>موقع مدرستي <¡><uں><ط>‏ 





3 لصفحة الويب بالخاصية BGCOLOR‏ 4 

- صفحن الويب‎ Cual. لتحدید لون‎ Body لامر‎ cass Dcole 

«body bgcolor =" اللون‎ aul" > 
مثال‎ 


a 
<body bgcolor ="red"> i 
موقع المدرست‎ <br> 


مدرستنا <۲> مدرستي جميلة Hadai‏ 
«Ibody >‏ 


DOS na وضع صورة كخلفية لصفحة الويب بالخاصية‎ . Y 


لوضع صورة كخلفيي نستخدم الامر Vicini‏ 3 
يجب أولاً تجهيز وحفظ الصورة المراد جلعلها vaio.‏ باسو "im‏ 


في المجلد السابق حفظ hamall‏ فيه . 


"امتداد الصورة.اسم الصورة" = Ms background‏ 
المعايتين 


مثال 


M background z"jmage1.jpg "> 


«br»‏ موقع المدرسي 
أهلا بكم في مدرستنا <br>‏ مدرستي جميلت ونظيضت 
«body >‏ 





















































1V AY E (^) إعداد : بلال نصر‎ 





الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


التعامل مع الصورفي صفحات الويب :. 


١‏ إدراج صورة داخل mna‏ الويب بالأمر «img?‏ :۔ 
- لتحديد مكان الصورة نستخدم الخاصين STC‏ التابعت للأمر «img?‏ . 
- يفضل laa‏ الصورة في نفس مكان حفظ الصطحة . 





مثال 


vlast! 














<body> 
<center> خير صديق‎ باتکلا>/cente‎ < 
«img src-"book.jpg" > 





الكتاب خير صديق 
































<body> 
Ww" 
تنسيق الصورة في‎ LY 
55 1 أ) التحكم في ابعاد‎ 
-: وهي‎ Img يتم التحكم في ابعاد ل خصائص الأمر‎ 
- اع بالبكسل‎ ١ للتحكم في‎ : height الخاصيي‎ - 
e للتحكم في العرد‎ : Width الخاصيت‎ - 
Se : 1335942! خلي بالك تقاس ابعاد‎ - 
A المعايتي‎ 
«body» خی صوق‎ uit 
<center> j tie /center? 
«img s jpg" height ="100" 


















Y No VAL EAT © ((*3) 


إعداد : بلال نصر 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


ب)محاذاة الصورة داخل jene‏ الويب - 


يتم التحكم في محاذاة الصورة من خلال الخاصیت Align‏ تلأمر AS, img‏ القيم 


التاليي : 





Align-"left" 


الصورة لأقصى يسار Damal‏ 











«body» 

«center? خير صدیق‎ cien c/center» 
«img src-"book.jpg" 
Align-2"left"» 

«body» 


P 





Align-"right" 

















<body> 

<center> <01111/>الكتاب خير صديق‎ 
«img src-"book.jpg" 
Align-2"right"» 

«body» 








Alignz"top" 


النص يقع بمحاذاة الحافت العليا 








<body> 


الكتاب خير صديق 


«img src-"book.jpg' e 
Align2"top"» 

















«body» 


ب خير صديق 


«body» 
كد‎ 







o 





النص يقع بمحاذاة الحافيّ السطلى للصورة 


























«img ook.jpg" 

cho ottom "» 

النص يقع بمحاذاة منتصف الصورة S Align-2"middle"‏ 
«body» CAUsers Bela Desktopischoolhtm | ^‏ 
الكتاب خير صديق 


«img src-"book.jpg" 
Align=" middle "> 
<body> 











19V AY E 


(0:9 


إعداد : بلال نصر 





الخورازمى فى الكمبيوتر للصف الثاني الاعدادي 
.١‏ إدراج الصوت كخلفين صوتيي Dou!‏ الويب بالأمر bgsound‏ :. 
- يظهر هذا التأثير مع متصفح Internet Explorer‏ ولاتدعمه باقي المتصطحات - 
- الخاصيي A5. 9 bgsound pW juae STC‏ قيمت اسم الملف وامتداده - 

ملف الصوت في نفس مجلد Xiao.‏ صفحن الويب - 

تراج ملف صوت اسمه Del‏ وامتداده mp3‏ . 


< html» 

«body» bd N 
*«bgsound src = "bel.mp3" > 9 
</body> 3 








</html> 








إدراج الميديو داخل a‏ الو 
- الأمريدعم الملغات من التوع ( 
- الخاصين SIC‏ مصاحيي للأمر bed‏ 
- يجب حطظ ملف الفيديو في نمس 


مثال على 











« ht 
< 
ve src = "internet.avi"— 











في حالي عدم حفظ ملف الغيديو أو الصوت أو الصورة في 423( مجلد naaal Aaa‏ يجب 


كتابيّ المسار الكامل للملف 





إعداد : بلال نصر )09( ع AY‏ امك يله 


الخورازمي فى الكمبيوتر للصف الثاني الاعدادي 
الارتباط تشعبي Hyper link‏ :. 
هو عبارة عن نص أو صورة lad ya‏ بعتوان ۔ 
عند الضغط عليه يتم الانتقال الى هذا العتوان . 
يمكن أن يكون داخل نفس الصطحة أو بصفحت أخرى داخل نمس الموقع أو في موقع آخر. 






و a href = "http://wwwl/moe.gov.eg"»‏ < 
به ولتننين الارتباط يتم الضغط عليه 


-Y‏ وضع الصورة داخل i‏ م د الضغط 


عليها يتم الانتقال للموقع ) وزارة الترييي والتعليم A‏ 
ttp:‏ 


> a href" IIwwwlmoe.gov.eg"» «img src-book.jpg» </a> 


SS 


19V AY RE (0) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


الوحدة الثانية : إنشاء صفحات الويب 
ال موضوع الثاني s‏ المشروعات 





من التخطيط التضصيلي للموقع يتضح أنه مكون من خمس صفحات ويب وهي m‏ 
صفحتٌ الويب الرئيست "مدرستي" 'تحفظ بد اخل ملف .Home.htm‏ 

.about.htm الويب عن المدرست بد اخل ملف‎ voraus 

.photo.htm الويب أليوم الصور تحفظ بد اخل ملف‎ vus 

jara‏ الويب "الرؤيي والرسالت " Ina‏ بداخل ملف5100.1407ألا. 

وسوف يتم إنشاء وحفظ كل صفحيٌ ويب د اخل ملف نصي باستخدام أوامر HTM‏ 


1V AY B (Y) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


أولاً: إنشاء صفحة الويب الرئيسة Home.htm‏ :. 





تتكون صفح الويب الرئيسي من الآتي: > «html‏ -1 
-التص" مدستي "الخط (لونه أحمر «head»‏ .2 
taho‏ حجمه 1( 3٠ <title> iu u </title>‏ 

4- «head» Aun ت تشعبين‎ 

5- «body bgcolorz"yellow" dirz"rtl"» NM 

6- «center» u 

7- «font facez"tahoma" color="red" Ņ 

size="6"> t 

pem XY Ls 

9- «font facez"andalus" مارستي‎ 

الصينة الرئيمية من المدرمة لبون المدرمة الروية والرمالة انصل بنا color="purple" sizez"5"»‏ 


10- «a hrefs"home.htm"»4« الصفحة‎ 
<la>&nbsp; &nbsp; 

11- «a href عن المدرسةً<"1]77!,]ل2"8001‎ 
12- </a> &nbsp; &nbsp; 

13- «a href s"PHOTO.htm"»4« 
<la> &nbsp; &nbsp; 





14- «a href z"visi diua yid JI 
<la> &nbsp; N 
15. «a ANS htm» jai 
<la> 
16 5 

<IMG SROS"SCHOOL.png" 
wir 50" widthz"800"» 
18- </center> 
19- </body> 
20- <html> 


ATOV AY E (E إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 































































































شرح كود الصفحة الرئيسية 
رقم السطر الشرح 
١‏ كود تعريف المتصفح بأن hanal‏ مكتوبت بلغت | HTML‏ 
Y‏ رأس hanat‏ 
هنوان vox Aul‏ 
غلاق كود رأس voa‏ 
o‏ بليإيت جسم الصفحن وجعل الخلفين لونها أصغر واتجاه الصطحة من 
1 في منتصف الصطحت 
Y‏ بنوع الخط الى Tahoma‏ 43919 أحمر وحجمه 1 
^ 
4 5 ولونه 52244233( وحجمه 0 
IE‏ انشاء ارتباط نصي ho‏ ويختمي في كلمن الصمحتٌ الرئيسيت 
M‏ انشاء ارتياط نصي بصطحت a‏ ويختطي في كلمن عن المدرست 
Ww‏ ترڪ عدد alua Y‏ بين عن وأليوم الصور 
Ww‏ انشاء ارتياط نصي بصمّحيّ photo‏ 7 اليوم الصور 
1 انشاء ارتباط نصي بصغفحي v 39 VISION‏ الرؤيي 19 vau‏ 
Y0‏ انشاء ارتباط نصي COnta Ct hnas‏ ويختفي Ua dei‏ 
1 ترك سطرين فارغين 
Cz 153 1۷‏ 35942 اسمها School‏ وامتداها png‏ بارتماع *£0 Mo‏ بحسل 
۸ |نهايت التوسيط الذي بدء من السطر 1 SS‏ 
۹ نهايت جسم maa‏ الذي بدء في السطر 0 DO‏ 
Y.‏ نهاين الصفحن الذي بدء في السطر الأول S‏ 





eye HoV EAY © (Y?) إعداد : بلال نصر‎ 





الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
ثانياً؛ إنشاء صفحة ويب عن ا مدرسة about.htm‏ 
تتكون صفحن الويب " عن المدرست" من الاتي: 
-التصوص " :تاريخ نشئه المدرسي - عنوان المدرست- تليعون المدرست" 
الخط ) digt‏ أحمر — نوعه tahoma‏ -حجمه 1( 
-فيديو. 






ارتباط تشعبي صورة عند الضغط عليه يرجع 


1- «html < 

2- «head» 

3- «title» uu </title> 

4- <ihead> 

5- «body bgcolorz"yellow" dirz"rtl"» 
6- «center» 

7- «font facez"andalus" color="red" 


sizez"6"» 

8- عن المدرسة‎ «br» 

9- تاريخ نشائة المدرسة‎ «br» 

10- عنوان المدرسة‎ ...... «br» 

11- تليفون المدرسة‎ ....... «b 

12- «embed srcz"vidéo. " 
heightz"300" widtlizz e 


13- «br» «br» 

14- «a scd "» «img 

src-"bac ; heightz"100" 
«Ja» 





ANOV AY TR (n9 إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


شرح كود صفحة عن المدرسة 











رقم السطر الشرح 
١‏ كود تعريف المتصفح بأن hatali‏ مكتوبت بلغت HTML‏ 
Y‏ رأس hanat‏ 





عتوان الصفحي مدرستي 








لاق كود رأس الصطحت 



































































halda 0‏ جسم الصفحن وجعل الخلفين لونها أصغر واتجاه الصطحة من 
2 

1 في منتصف الصفحن 

1 أحمر وحجمه‎ 43919 Tahoma رسي بنوع الخط الى‎ Y 

^ غ جديد 

۹ ( ثم سطر جديد 

Ai C v‏ سط ر جدید 

M‏ ثم سطر جديد 

NW‏ ادراج فيديو «4 wmWAe 53 Video‏ د ٠‏ وارتفاع Y**‏ بكسل 

N ترڪ سطرين فارغين‎ Ww 

back lal 5 49 home vau انشاء ارتياط صورة‎ M 

10 نهاييٌ التوسيط الذي بدء من السطر V‏ 

0 الذي بدء في السطر‎ hanat نهاين جسم‎ M 

Ww 





نهايت الصفحن الذي بدء في السطر الأول ON‏ 


10V AY E (0) إعداد : بلال نصر‎ 





الخورازمي فى الكمبيوتر للصف الثاني الاعدادي 
ثالثاً: إنشاء صفحة ويب ألبوم الصور Photo.htm‏ 
تكون صفح الويب " عن المدرسة" من الآتي: 
- التص "ألبوم الصور" - الخط ) digt‏ أحمر - نوعه tahoma‏ -حجمه "5 ). 
- عدد Y‏ صور -ارتباط تشعبي صورة عند الضغط عليه يرجع . 
` 











1- «html > 
2- <head> 
3- «title. 
4- </head> 


img src-"students.jpg" height-"400" 


mg src-"teachers.jpg" 
ht-"400" width-"300"- 
- «img src-"yard.jpg" height-—-"400" 


width-"200"- 
12- <br> 
13- «a href—-"home.htm"- <img 


src-"back.png" height="100" 
width="100"> </a> 

14- </center> 

15- </body> 

16- </html> 


1V AY E (^) إعداد : بلال نصر‎ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


شرح كود صفحة ألبوم الصور 





















































































رقم السطر الشرح 
١‏ كود تعريف المتصفح بأن hatali‏ مكتوبت بلغت HTML‏ 
Y‏ رأس hanat‏ 
3 عتوان aana‏ مدرستي 
asd‏ كود رأس الصفحن 
halda 0‏ جسم الصفحن وجعل الخلفين لونها أصغر واتجاه الصطحة من 
2 
1 في منتصف الصفحين 
١ agat Y‏ بنوع الخط الى Tahoma‏ 43919 أحمر وحجمه ٦‏ 
^ ظهور ثم سطر جديد 
a‏ ادراج میور با student‏ بارتماع € وعرض Y**‏ بكسل 
y‏ ادراج صورة ياسم ٠۰ guit c‏ وعرض Y**‏ يكسل 
۱ |ادراج صورة باسم ٠۰ yard‏ وعرض ٠٠١‏ بكسل 
۴ اسطرجديد فارغ 
Y‏ انشاء ارتياط صورة o hanas‏ صورة اسمها back‏ 
M‏ نهاييٌ التوسيط الذي بدء من السطر " 
10 نهاين جسم الصفحت الذي بدء في السطر 0 
إل نهايت الصفحن الذي بدء في السطر الأول 








oV AY TR (3) إعداد : بلال نصر‎ 





الخورازمي في الكمبيوتر للصف الثاني الاعدادي 
رابعاً: إنشاء صفحة ويب الرؤية والرسالة Vision.htm‏ 
تكون صفح الويب " الرؤيي والرسالت " من الآتي: 
-النص "الرؤيي والرسائي" الخط ( لونه أحمر - نوعه tahoma‏ -حجمه 1( 
النص 4f"‏ 139" الخط ( لونه أحمر — نوعه tahoma‏ -حجمه "5 ( 






1- «html » 

2- «head» 

3- «title» g <title> 
4- «head» 

5- <body bgcolor="yellow" dir=" 
6- <center> 5 
7- «font facez"tahoma" color= 
sizez"6"» 

8- <u> المدرسة‎ 43 «Ju 


9- «br» «br» 
10- إعداد طالب متميز‎ «€ 


11- E 
12- لطالب‎ 


13- > 
E home.htm"» «img 
png" heightz"100" 
c a <la> 
N «center» 
6- </body> 


17- </html> 


إعداد : بلال نصر )53( جه ey Neve £A‏ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


شرح كود صفحة الرؤية والرسالة 











رقم السطر الشرح 
١‏ كود تعريف المتصفح بأن voraus!‏ مكتوبت بلغت HTML‏ 
Y‏ رأس hanat‏ 





عتوان الصفحي مدرستي 








9 ,.. : 5 
اغلاق كود رأس hanal‏ 
































































0 بد ايت جسم الصفحن وجعل الخلفين لونها أصغر واتجاه الصطحة من 
2 

1 في منتصف الصطحت 

1 أحمر وحجمه‎ 43919 Tahoma بنوع الخط الى‎ Y 

^ 

4 

T‏ ( ثم سطر جديد 

y‏ جديد 

بذ ظهور جملي ) تنميي مهارات ER UBI‏ 

1 ترك سطرين فارغين 

back اسمها‎ 5 49 home vau انشاء ارتياط صورة‎ M 

10 نهايي التوسيط الذي بدء من السطر T‏ 

0 الذي بدء في السطر‎ hanat نهاين جسم‎ M 

w 





نهايت الصفحن الذي بدء في السطر الأول ON‏ 


10V AY B (53) إعداد : بلال نصر‎ 





الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
أسئلي على الوحدة الأولى — الموضوع الأول 
السؤال الأول: أكمل العبارات التالية: 





2 


حمل موقع وزارة الإتصالات وتكنولوجيا المعلومات www.mcit.gov.eg/ar‏ 
- تعرف على الصفحة الرئيسة للموقع. 
- حدد محتويات الصفحة الرئيسة للموقع (نصوص — صور- فيديو- ارتباطات تشعبية....). 
- حدد هل الصفحة الرئيسة للموقع صفحة ويب ثابتة أم صفحة ويب تفاعلية. 


- تجول داخل صفحات الموقع للتعرف على محتويات كل صفحة. وحدد هل هى صفحة ويب ثابتة أم 


iui‏ على الوحدة d‏ ممم الثاني 


السؤال الأول: أ 
أولا: تصميم وإنشاء موقع الويب يمر بعدة مراحل هي: 


-—e‏ ووفوفوو وو ووو لوفو ووو ووو ووو ووو وو ووو ووم ووم وو ووو مم وموم ووم موقة 
ثانياً: في مرحلة التنفيذ لتصميم وإنشاء موقع الويب يتم عمل التالي: S‏ 


إعداد : بلال نصر AY RE (E)‏ ماله 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
CALL‏ على الوحدة الأولى - الموضوع الثالت 


الأول :أكمل التالي 





اختر أحد الموضوعات الدراسية لأحد المواد الدراسية. 


جمع بيانات حول الموضوع الدراسي. 
حمل أحد برامج إنشاء وتعديل ملفات الصوت. 
انشئ ملف صوتي حول الموضوع الدراسي. 
صدر ملف الصوت بامتداد مناسب. 


إعداد : بلال نصر (Ea)‏ ع 1V AY‏ 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
ALL‏ على الوحدة الأولى — الموضوع الرابع 


السؤال الأول:٠‏ التالي 


تتكون واجهة البرنامج من التالي: 


ShowAll Video Audio Image |} 





إعداد : بلال نصر ((6٤((‏ ع AY‏ امك يله 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
RN‏ الثاني: أكمل لإنشاء مشاهد فيديو يتم إتباع الخطوات التالية: 


السؤال الثالث:_رتبت الخطوات التالية لحفظ مشروع الفيديو :Save Project‏ 
) .....) حفظ ملف المشروع داخل مجلد المشروع. 
) .....) حفظ ملف المشروع ) وإعطاء اسم له باللغة الإنجليزية) من شريط القوائم الرئيس Main‏ 
«Toolbar‏ يتم اختيار File‏ ثم -Save Project As‏ 
(.....) إنشاء مجلد للمشروع (وإعطاء اسم له باللغة الإنجليزية) على أحد وحدات التخزين. 
) .....) وضع جميع الملفات (صور-صوت...) المستخدمة لإنشاء الفيديو داخل مجلد المشروع. 


السؤال الرايع: أكمل الشريط الزمني Timeline‏ للبرنامج يتكون من: 


00:00:39:15 


Track 4 








إعداد : بلال نصر ((5:)) © "اكلام كالء 


الخورازمي_في الكمبيوتر للصف الثاني الاعدادي 
CALL‏ على الوحدة الثانيت — الموضوع الأول 
السؤال الأول: اختر الإجابة الصحيحة المناسبة للعبارات الآتية: 





RES e الى العبارة‎ HTML يشير الإختصار‎ )١( 
.Hyper Text Markup Library -Í 

.Help Table Made Layout ب-‎ 

-Hyper Text Markup Language -c 


ngos فقط في تصميمها تعتبر صفحة‎ HTML صفحة الويب التي يتم استخدام لغة‎ (Y) 
أ- تفاعلية.‎ 
ب-نشطة.‎ 


ج- ثابتة. 


(Y)‏ استخدام لغات مثل JavaScript‏ و PHP‏ بالإضافة للغة HTML‏ في تصميم صفحة الويب يكون 


)£( لإظهار نص علي صفحة الويب يتم كتابة هذا النص في منطقة و $i c vr im‏ 
.Head -Í‏ 
ب - Title‏ 


.Body -c 


ANOV AY TR (65) إعداد : بلال نصر‎ 


2 


eov AY E 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


)9( يجب حفظ ملف أوامر HTML‏ بالإمتداد n‏ —— 
أ- .Docx‏ 

Jpg-c 

.Htm TÉ 


)3( لجعل النص يظهر على صفحة الويب بشكل مائل نستخدم الأمر sas‏ 
<u> -Í‏ 
ب- <i>‏ 


<b> =g 


(۷) لتحديد لون كخلفية لصفحة الويب نستخدم الخاصية ESAS‏ 
bgcolor -Í‏ 
background -‏ 


color -g 


(A)‏ الخاصية التي ترتبط «img» jab‏ من بين الخصائص التالية هى الخاصية 


path -Í 
href- ب‎ 
src-c 
يستخدم فى ...........داخل صفحة الويب.‎ <a> الأمر‎ (4) 


أ- محاذاة النص. 
ب- اضافة ارتباط تشعبي. 
ج- تشغيل فيديو. 


إعداد : بلال نصر (($V)‏ 


Z 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 
(de)‏ لتحديد نوع الخط في الأمر «font»‏ نستخدم الخاصية ذه — 
Fontname -Í‏ 


size- 


face -g 














عرضه من خلال برنامج مستعرض الإنترنت 


١‏ ي أذ 
(Í)‏ )=( 
-١‏ موقع الويب ( ) مستند به محتوي الكتروني ينشر على شبكة الإنترنت ويتم 








Y‏ - الصفحة الرئيسة ( ) تعرض معلومات يتم الإطلاع عليها فقط بدون امكانية 
اجراء اي معالجة من الزائرين لمحتواها 
-Y‏ صفحة الويب ( ) مكان علي شبكة الانترنت يتكون من صفحة ويب او أكثر 


aig‏ زيارته من خلال عنوان معين 





؛ - الصفحة الثابتة ( ) أول صفحة بموقع الويب والتي من خلالها يسهل الإنتقال 
لباقي صفحات الموقع 





-o‏ الصفحة التفاعلية ) هي خاصية للتنقل بين صفحات الموقع 





) 
) ( هي صفحة معلومات تعرض محتوي يتيح للزائرين التفاعل 
معه ومعالجته 

















تستخدم HTML A31‏ في انشاء صفحات ويب تفاعلية. (ius)‏ 
تستخدم لغة JavaScript‏ لتحويل الصفحة الثابتة الى صفحة تفاعلية. )^( 
الأمر الذي يكتب في بداية الكود ليشير الى أن المستند مكتوب بلغة html‏ هو (ues)‏ 
.«title»‏ ( 


إعداد : بلال نصر AY RE (EN)‏ ماله 


(9) 
(9) 
(") 


7 


الخورازمى فى الكمبيوتر للصف الثانى الاعدادى 


)€( للتحكم في عدد المسافات (الفراغات) بين الكلمات نستخدم الرمز .&nbsp;‏ )-----( 
)0( لإضافة صورة لصفحة الويب نستخدم الأمر (i3) «img»‏ 


السؤال الرايع:_أذكر الكود الأساسي اللازم لبناء ملف أوامر SHTML‏ 
«img src-'school.png'»‏ 
على الرغم من عدم وجود أخطاء في سطر الكود السابق إلا ان الصورة لم تظهر على صفحة الويب عند 
N‏ تحميلها بواسطة المستعرض. استنتج السبب؟ 





ANOV AY TR (3) إعداد : بلال تصر‎ 


